<template>
	<view>
		<cover-view>
			<view class="yxyl-h5-share-container" :class="{ hidden: !isShow }">
				<view class="yxyl-h5-share-mask" @tap="closeShare"></view>
				<view class="yxyl-h5-share-image"><image style="width: 100%;" src="https://img-ali.cnyanglao.com/share_alert.png" mode="widthFix"></image></view>
			</view>
		</cover-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			isShow: false
		};
	},
	methods: {
		closeShare() {
			this.isShow = false;
		},
		openShare() {
			this.isShow = true;
		}
	}
};
</script>

<style lang="scss" scoped>
.yxyl-h5-share-container {
	.yxyl-h5-share-mask {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1020;
		opacity: 0.3;
		filter: alpha(opacity=30);
		background: #000;
	}
	.yxyl-h5-share-image {
		width: 30%;
		position: fixed;
		top: 0;
		right: 45rpx;
		z-index: 9999;
		.image {
			width: 100%;
		}
	}
}
</style>
